<template>
	<!-- 微信授权登录 -->
	<view class="container">
		<view class="container-head">
			<image src="../../static/logo.png" mode=""></image>
		</view>
		<view class="authorization">
			申请获取以下授权
		</view>
		<view class="info">
			获取你的公开信息（昵称，头像手机号）
		</view>
		<view class="btn">
			微信授权登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
	};
</script>

<style lang="less" scoped>
	.container {
		background-color: #FFFFFF;
		height: 100vh;
		.container-head{
			padding-top: 112rpx;
			margin-left: 66rpx;
			image{
				width: 108rpx;
				height: 108rpx;
			}
		}
		.authorization{
			width: 750rpx;
			height: 40rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #2E2E2E;
			line-height: 40rpx;
			text-align: center;
			font-style: normal;
			margin-top: 104rpx;
		}
		.info{
			width: 750rpx;
			height: 36rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 26rpx;
			color: #939393;
			line-height: 36rpx;
			text-align: center;
			font-style: normal;
			margin-top: 20rpx;
		}
		.btn{
			width: 550rpx;
			height: 88rpx;
			border-radius: 14rpx;
			font-size: 30rpx;
			line-height: 88rpx;
			text-align: center;
			color: #FFFFFF;
			background-color: #1AAD19;
			margin: auto;
			margin-top: 74rpx;
		}
	}

</style>